//var oragn = window.location.host;
var oragn = 'localhost';
// var init = function(){
//     $.ajax({
//         type : 'post',
//         url : 'https://' +  oragn + ':8100/baas-platform/api/querybdi',
// 		xhrFields:{ withCredentials: true },
//         data : {},
//         success : function(data){
//             console.log(data);
//             $("#blockindex").html(data.blockIndex);
//             $("#avgtime").html(data.costAverageTime + "s");
//             $("#totalTradeCount").html(data.tradeAllCount);
//             $("#nodecount").html(data.nodeCount);
//         }
//     });
// }
// var chartline = function(){
//     $.ajax({
//         type : 'post',
//         url : 'https://' +  oragn + ':8100/baas-platform/data/queryMonthDatas',
// 		xhrFields:{ withCredentials: true },
//         data : {},
//         success : function(data){
//             console.log(data);
//             renderLine(data);
//         }
//     });
// }
var blockIndex = -1;
var scrollblock = function(){
    //var $ul = $("#con ul");
    //var liFirstHeight = $ul.find("li:first").height();//第一个li的高度
    //$ul.css({ top: "-" + liFirstHeight - 20 + "px" });

    setInterval('scrollRender()' ,2000);
}

var scrollRender = function(){
    var $ul = $("#con ul");
    $.ajax({
        type : 'post',
        url : 'http://' +  oragn + ':8001/block/getBlockData?blockIndex=' + blockIndex,
		xhrFields:{ withCredentials: true },
        data : {},
        success : function(res){
          if(res.code === '-1') return
            const datas = res.o
            //if(data.blockIndex > blockIndex){
              for(var i=0;i<datas.length;i++){
                var data = datas[i];
                blockIndex = data.blockIndex - 0 + 1;
                var html = genBlockHtml(data);
                $(html).hide().prependTo($ul).slideDown('slow');
                if($("#con ul li").size() > 6){
                    $ul.find("li:last").remove();
                }
                //更新时间
                // var current0 = new Date();
                // $("#con ul li i").each(function(){
                //     console.log();
                //     var preTime = $(this).attr("t");
                //     var beforeTime = "--分--秒";
                //     var seconds = (current0.getTime()-new Date(preTime).getTime())/1000;
                //     if(seconds > 60){
                //         beforeTime = Math.floor(seconds/60) + "分";
                //         beforeTime += Math.round(seconds%60) + "秒";
                //     }else{
                //       beforeTime =  "0分" + Math.round(seconds%60) + "秒";
                //     }
                //     $(this).html(beforeTime);
                // });
            }
        }
    });
}
var genBlockHtml = function(data){
  console.log(data)
    // var beforeTime = "--分--秒";
    // var seconds = (new Date().getTime()-new Date(data.createTime).getTime())/1000;
    // if(seconds > 60){
    //     beforeTime = Math.floor(seconds/60) + "分";
    //     beforeTime += Math.round(seconds%60) + "秒";
    // }
    var html = [];
    html.push('<li>');
        html.push('<div class="mainbcon">');
            html.push('<div class="mainone" style="cursor: pointer;" onclick="javascript:window.location.href=\'./block.html?hash=' + data.blockIndex + '\'"><p><em>Block</em><u>' + data.blockIndex + '</u></p></div>');
            html.push('<div class="maintwo"><em>' + data.blockHash + '</em></div>');
            html.push('<div class="mainThree"><em>' + data.createTime + '</em></div>');
        html.push('</div>');
    html.push('</li>');
    return html.join('');                
}
$(function(){
    // init();
    // chartline();
    scrollblock();
});

var renderLine = function(data){
      // 1. 实例化对象
      var myChart = echarts.init(document.querySelector(".chart1"));
      // 2.指定配置
      var option = {
        // 通过这个color修改两条线的颜色
        color: ["#31bafe"],
        tooltip: {
          trigger: "axis"
        },
        legend: {
          // 如果series 对象有name 值，则 legend可以不用写data
          // 修改图例组件 文字颜色
          textStyle: {
            color: "#4c9bfd"
          },
          // 这个10% 必须加引号
          right: "10%"
        },
        grid: {
          top: "20%",
          left: "3%",
          right: "4%",
          bottom: "3%",
          show:false, // 显示边框
          borderColor: "#012f4a", // 边框颜色
          containLabel: true // 包含刻度文字在内
        },
    
        xAxis: {
          type: "category",
          boundaryGap: false,
          data: data.xAxis,
          axisTick: {
            show: false // 去除刻度线
          },
          axisLabel: {
            color: "#4c9bfd", // 文本颜色
           interval:0,
           margin:18,
		    rotate: 45  
          },
          axisLine: {
            show: false // 去除轴线
          }
        },
        yAxis: {
          type: "value",
          axisTick: {
            show: false // 去除刻度线
          },
          axisLabel: {
            color: "#4c9bfd" // 文本颜色
          },
          axisLine: {
            show: false // 去除轴线
          },
          splitLine: {
            lineStyle: {
              color: "#EEEEEE" // 分割线颜色
            }
          }
        },
        series: [
          {
            // name: "新增粉丝",
            type: "line",
            // true 可以让我们的折线显示带有弧度
            smooth: true,
            data: data.yAxis
          },
        ]
      };
       // 3. 把配置给实例对象
       myChart.setOption(option);
      // 4. 让图表跟随屏幕自动的去适应
      window.addEventListener("resize", function(){
        myChart.resize();
      });
}